<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="no-js" lang="ZXX">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Vistar - Clean, Minimal eCommerce HTML5 Template </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/dripicons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
    </head>
    <body>


       <!-- header-start -->
	<header>

		<div id="sticky-header" class="main-menu-area pl-55 pr-55">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xl-3 col-lg-2 d-flex align-items-center">
						<div class="logo">
							<a href="Main.jsp"><img src="assets/img/logo/logo.png"
								alt="" /></a>
						</div>
					</div>
					<div class="col-xl-6 col-lg-7">
						<div class="header-search f-right d-none d-xl-block">
							<form class="header-search-form">
								<input placeholder="Search" type="text">
								<button type="submit">
									<i class="dripicons-search"></i>
								</button>
							</form>
						</div>
						<div class="main-menu text-center">
							<nav id="mobile-menu">
								<ul>
									<li class="active"><a href="#">手机品牌</a>
										<ul class="sub-menu text-left">
											<li><a
												href="http://localhost:8080/phone-introduce/Huawei-display.jsp">华为</a></li>
											<li><a href="index-2.html">小米</a></li>
											<li><a href="index-3.html">苹果</a></li>
											<li><a href="index-4.html">OPPO</a></li>
											<li><a href="index-5.html">VIVO</a></li>
											<li><a href="index-6.html">魅族</a></li>
											<li><a href="index-6.html">一加</a></li>
											<li><a href="index-6.html">锤子</a></li>
											<li><a href="index-6.html">中兴</a></li>
											<li><a href="#">...</a></li>
										</ul></li>
									<li><a href="http://localhost:8080/phone-introduce/manage?method=showActivityUsersList">活动情况</a>
								</ul>
							</nav>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<div class="extra-info">
			<div class="close-icon">
				<button>
					<i class="far fa-window-close"></i>
				</button>
			</div>
			<div class="logo-side mb-30">
				<a href="Main.jsp"> <img src="assets/img/logo/white.png"
					alt="" />
				</a>
			</div>
			<div class="side-info mb-30">
				<div class="contact-list mb-30">
					<h4>Office Address</h4>
					<p>123/A, Miranda City Likaoli Prikano, Dope</p>
				</div>
				<div class="contact-list mb-30">
					<h4>Phone Number</h4>
					<p>+0989 7876 9865 9</p>
					<p>+(090) 8765 86543 85</p>
				</div>
				<div class="contact-list mb-30">
					<h4>Email Address</h4>
					<p>
						<a href="/cdn-cgi/l/email-protection" class="__cf_email__"
							data-cfemail="1d74737b725d78657c706d7178337e7270">[email&#160;protected]</a>
					</p>
					<p>
						<a href="/cdn-cgi/l/email-protection" class="__cf_email__"
							data-cfemail="37524f565a475b52195a565e5b775f425a1954585a">[email&#160;protected]</a>
					</p>
				</div>
			</div>
			<div class="instagram">
				<a href="#"> <img src="assets/img/portfolio/p1.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p2.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p3.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p4.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p5.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p6.jpg" alt="">
				</a>
			</div>
			<div class="social-icon-right mt-20">
				<a href="#"> <i class="fab fa-facebook-f"></i>
				</a> <a href="#"> <i class="fab fa-twitter"></i>
				</a> <a href="#"> <i class="fab fa-google-plus-g"></i>
				</a> <a href="#"> <i class="fab fa-instagram"></i>
				</a>
			</div>
		</div>
	</header>
       <!-- header-end -->

        <main>

            <!-- breadcrumb-area-start -->
            <div class="breadcrumb-area grey-bg pt-155 pb-155">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="breadcrumb-text text-center">
                                <h1>华为mate20
                                </h1>
                                <ul class="breadcrumb-menu">
                                    <li><a href="index.html">华为手机序列</a>/</li>
                                    <li><span>华为mate 20</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- breadcrumb-area-start -->


            <!-- shop-banner-area start -->
            <section class="shop-banner-area pt-120 pb-90">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-7">
                            <div class="shop-thumb-tab mb-30">
                                <ul class="nav" id="myTab2" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                                            aria-selected="true"><img src="assets/img/机型介绍图/mate20_11.jpg" alt=""> </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                                            aria-selected="false"><img src="assets/img/机型介绍图/mate20_12.jpg" alt=""></a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab2" data-toggle="tab" href="#profile1" role="tab"
                                            aria-selected="false"><img src="assets/img/机型介绍图/mate20_13.jpg" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="product-details-img mb-30">
                                <div class="tab-content" id="myTabContent2">
                                    <div class="tab-pane fade show active" id="home" role="tabpanel">
                                        <div class="product-large-img">
                                            <img src="assets/img/机型介绍图/mate20_11.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="profile" role="tabpanel" >
                                        <div class="product-large-img">
                                            <img src="assets/img/机型介绍图/mate20_12.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="profile1" role="tabpanel" >
                                        <div class="product-large-img">
                                            <img src="assets/img/机型介绍图//mate20_13.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5">
                            <div class="product-details mb-30">
                                <div class="product-details-title">
                                    <p>华为（HUAWEI）</p>
                                    <h1>华为&nbsp;mate20</h1>
                                    <div class="price details-price pb-30 mb-20">
                                        <span>￥${phonePrice}</span>
                                    </div>
                                </div>
                                <p>华为Mate 20的边框宽度只有2.1mm。华为Mate20采用新一代珍珠屏设计，将珍珠形态融入6.53英寸FHD大屏设计，屏占比高达88.07%。
								   1080p分辨率的LCD显示屏。和竞品相比，华为Mate20屏幕更大， 但手机体积更小。
								   华为Mate20系列搭载全新矩阵多焦影像系统，可在等效焦距16mm-270mm的范围内切换自如，一机走天下，同时拥有Super HDR，无惧逆光。
								</p>
                                <div class="product-cat mt-30 mb-30">
                                   <span> 机身颜色： </span>
                                   <a href="#">宝石蓝</a>
                                   <a href="#">翡冷翠</a>
                                   <a href="#">亮黑色</a>
                                   <a href="#">极光色</a>
								   <a href="#">樱粉金</a>
                                </div>
                                <div class="product-social mb-45">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-behance"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="#"><i class="fab fa-youtube"></i></a>
                                </div>
                                <div class="product-details-action">
                                    <form action="#">
                                        <div class="plus-minus">
                                            
                                        </div>
                                       
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- shop-banner-area end -->
            <!-- product-desc-area start -->
            <section class="product-desc-area pb-90">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="bakix-details-tab">
                                <ul class="nav text-center justify-content-center pb-30 mb-50" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="desc-tab" data-toggle="tab" href="#id-desc" role="tab"
                                            aria-controls="home" aria-selected="true">测评文章 </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="id-add-in" data-toggle="tab" href="#id-add" role="tab"
                                            aria-controls="profile" aria-selected="false">手机参数</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="id-r" data-toggle="tab" href="#id-rev" role="tab"
                                            aria-controls="profile" aria-selected="false">评论区</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="id-desc" role="tabpanel" aria-labelledby="desc-tab">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="event-text">
                                                <p>
													九月五日，华为在上海举办了以“知·芯”为主题的2018麒麟芯片媒体沟通会，向业界和中国消费者展现
													华为最新一代卓越人工智能手机芯片——麒麟®980。作为惯例，下个月发布的Mate20依然会是首个搭载
													麒麟980芯片组的手机，所以其实从麒麟980身上我们能窥探出不少关于Mate20的信息，因此麒麟980
													的发布其实是也是Mate20的一次提前官宣和曝光。
												</p>
												<p>
													从目前得到的信息来看，Mate20的升级不可谓不大——CPU架构、GPU架构全面升级，更高频率带宽的内存
													支持还有双倍的人工智能，双NPU结构，除此之外更高的网络带宽支持，更高吞吐量的自研ISP等等不一而足。
													那么怎么将这些数据换算成消费者更容易理解的内容？让我们一条一条分析。
												</p>
												<div align="center">
													<a href="#">
													    <img src="assets/img/推文图/mate_1.jpg" alt="">
													</a>
												</div>
												
												<p>
													<strong>A76+G76强强联手 性能傲视安卓群雄</strong>
												</p>	
												<p>
													对于SOC而言，能够保证手机流畅稳定的运行和对APP的快速响应是最基础也是最重要的要求。麒麟980
													是全球首个商用TSMC 7nm制程工艺的移动手机SoC芯片，集成69亿晶体管，实现了性能与能效的全面提升。
													全球首次实现基于ARM Cortex-A76的开发商用，最高主频可达2.6GHz；首此商用Mali-G76 GPU，结合
													芯片系统创新的GPU优化技术，让手机轻松驾驭重载大型游戏，带来满帧畅爽的卓越游戏体验和续航体验。
													简单来讲，这一次性能绝对不再是麒麟芯片的短板，反而还要领先同时期的芯片组不少。
												</p>	
												<p>
													<strong>第四代ISP加持 摄影之王宝座易位？</strong>
												</p>
												<p>
												   手机摄影作为用户日常使用的核心功能，一直都是麒麟芯片最为关注的一部分，这一次麒麟980采用全新升级
												   第四代自研ISP，像素吞吐率比上一代提升46%，能够分区域调节图像色彩与灰阶；与麒麟970相比，支持更多
												   摄像头，适配多摄像头带来全新拍照体验。推出全新HDR色彩还原，能够分区域调节图像色彩，实现照片色彩与细节的平衡。
												</p>
													<div align="center">
														<a href="#">
														    <img src="assets/img/推文图/mate_2.jpg" alt="">
														</a>
													</div>
												
												<p>
													此前问鼎手机摄影巅峰位置的正是搭载麒麟970芯片的华为P20 (¥2388) Pro，而这一次ISP的再次提升无疑会让Mate20的拍照能力
													再次推高一个水平。从弱光环境的Multi-pass多重降噪技术再到运动场景的抓拍追焦准确率，看来P20 Pro的王者宝座很有可能让师
													出同门的华为Mate20给夺去也未可知。
												</p>	
												<p>
													<strong>智慧时代2.0 双NPU加持开放接口</strong>
												</p>
												<p>
													麒麟970的发布算是开创了移动端人工智能芯片的先河，其他厂商的陆续跟进也证明了华为在这一步上的先见之明。
													而这一次麒麟980则再一次引领行业趋势，为我们带来更强大、更智慧的端侧AI应用体验。
												</p>
												<p>
													麒麟980在双核NPU的移动端最强算力加持下，使能人脸识别、物体识别、物体检测、图像分割、智能翻译等AI场景，
													采用更高精度的深度网络，具备更佳的实时性。简单的说，如果过去的识别等级还在照片级别，这一次980的发布则
													让实时动态识别成为可能。而且根据会上的消息，华为已经开放了相应的SDK与端口给第三方应用，未来我们可能会
													在视频应用中看到它更多的玩法。
												</p>
												<div align="center">
													<a href="#">
													    <img src="assets/img/推文图/mate_3.jpg" alt="">
													</a>
												</div>
												<p>
													<strong>现场演示的动作识别功能</strong>
												</p>	
												<p>
													因此，Mate20发布会上我们很有可能见到非常多的第三方应用对于AI功能的使用，它不再是一个看不见摸不到的概念，
													而是实实在在能够在手机使用里影响你方方面面的重要内容
												</p>。
													
												<p><strong>4.5G？5G？手机网络大升级</strong></p>	
												<p>	
													随着手机性能的不断提升，我们在手机中能够使用的功能越来越多，但相应的需要的网络带宽也越来越大，
													再加上游戏和导航等对网络环境低延迟的需求，用户对手机芯片的通信能力有着越来越高的要求。麒麟980
													在全球率先支持LTE Cat.21，支持业界最快的下行1.4Gbps速率，更灵活的应对全球不同运营商的频段组合，
													为广大消费者提供在不同的运营商网络下的高速体验。
												</p>
												<p>
													针对诸如高铁、地铁、高速公路、密集商业区等全场景下影响游戏体验的通信问题，麒麟980进行了专项优化，
													有效降低了游戏时延，减少了游戏卡顿，移动网络下的游戏表现更稳定。手机用户可以在各种复杂通信场景下，
													拥有更畅快的游戏体验。
												</p>
												<div align="center">
													<a href="#">
													    <img src="assets/img/推文图/mate_4.jpg" alt="">
													</a>
												</div>
												<p>
													从率先支持的160MHz带宽手机WiFi再到业界领先的L1+L5双频GPS超精准定位系统，可以料想到这一次华为Mate20的
													通信一定会非常出色，而且它还针对此前出现的假基站攻击做了对应的防御机制，全面升级了识别2G伪基站的技术，
													同时业内率先支持识别4G伪基站，提升用户在移动通信网络下的安全能力，大大降低了受诈骗的概率，保护用户的财产
													和信息安全。不仅快捷，华为Mate20还将会是一部安全的手机。
												</p>
													<div align="center">
														<a href="#">
														    <img src="assets/img/推文图/mate_5.jpg" alt="">
														</a>
													</div>
												
												<p>	
													当然，以上都还是我根据现在能够得到的消息所做的推测，搭载麒麟980的华为Mate20将于十月十六日全球发布，
													届时它到底将会带给我们怎样的惊喜，且让我们拭目以待。
												</p>	
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="id-add" role="tabpanel" aria-labelledby="id-add-in">
                                    <div class="additional-info">
                                        <div class="table-responsive">
                                            <h4>具体参数</h4>
                                            <table class="table">
											
                                                <tbody>
                                                    <tr>
                                                        <th>CPU型号</th>
                                                        <td class="product_weight">海思&nbsp;麒麟980(双核NPU)</td>
                                                		<th>前置像素</th>
                                                		<td>2400万像素</td>
                                                		<th>后置像素</th>
                                                		<td>1200万像素+1600万像素+800万像素</td>
                                                		
                                                							
                                                    </tr>
                                                    <tr>
                                                        <th>运行内存</th>
                                                        <td class="product_dimensions">6GB</td>
                                                		<th>ROM</th>
                                                		<td>64/128GB</td>
                                                		<th>屏幕</th>
                                                		<td>6.53英寸 2244×1080像素</td>
                                                    </tr>
                                                    <tr>
                                                        <th>网络</th>
                                                        <td class="product_dimensions">2G/3G/4G</td>
                                                		<th>电池</th>
                                                		<td>4000mAh</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="id-rev" role="tabpanel" aria-labelledby="id-r">
                                    <div class="additional-info">
                                        <div class="event-text mb-40">
                                            <ul>
                                            	<c:forEach items="${commentList}" var="comment">
                                            		<li>${comment.getUser_name()}:${comment.getUser_comment_content()}</li>
                                            		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
                                            	</c:forEach>
                                            	<a href="#" style="text-decoration:underline;">更多评论</a>
                                            </ul>
                                            <br>
											<form action="phone" method="post">
                                           				<input type="hidden" name="method" value="submitMate20Comment" />
                                           				<textarea name="comment" cols="40" rows="8" ></textarea>
                                           				<input type="submit" value="提交评论" />
                                           	</form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- product-desc-area end -->
    
        </main> 
        <!-- footer-start -->
        <footer>
            <div class="footer-area pt-100 pb-60 grey-bg pl-55 pr-55">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30">
                                <div class="Main.jsp"><img src="assets/img/logo/logo.png" alt=""></a>
                                </div>
                                <div class="footer-text pr-50">
                             
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-6">
                            <div class="footer-wrapper ml-20 mb-30">
                                <h4 class="footer-title">Quick Link</h4>
                                <ul class="footer-menu footer-2-menu">
                                    <li><a href="#">About us</a></li>
                                    <li><a href="#">term</a></li>
                                    <li><a href="#">policy</a></li>
                                    <li><a href="#">service</a></li>
                                    <li><a href="#">My Account</a></li>
                                    <li><a href="#">Checkout</a></li>
                                    <li><a href="#">Order tracking</a></li>
                                    <li><a href="#">Help & Support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-3">
                            <div class="footer-wrapper ml-70 mb-30">
                                <h4 class="footer-title">Contact Us</h4>
                                <ul class="footer-link">
                                    <li>Sagrada Familia, Herba <br>
                                        Street Front USA</li>
                                    <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f59491989c9bb5908d9498859990db969a98">[email&#160;protected]</a></li>
                                    <li>002- 01008431112</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-3">
                            <div class="footer-wrapper mb-30 ml-70">
                                <h4 class="footer-title">Follow Us</h4>
                                <ul class="footer-menu">
                                    <li><a href="#">Facebook/Vistar</a></li>
                                    <li><a href="#">Twitter/Vistar</a></li>
                                    <li><a href="#">Linkdin/Vistar</a></li>
                                    <li><a href="#">Skype_Vistar</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-5">
                            <div class="footer-wrapper mb-30">
                                <h4 class="footer-title">Sign up to Newsletter</h4>
                                <div class="footer-nfo">
                                    <p>But I must explain to you how all this mistak. </p>
                                </div>
                                <div class="newsletters-form">
                                    <form action="#">
                                        <input placeholder="Enter Your Email :" type="email">
                                        <button type="submit">subscribe</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom-area footer-2-bottom pt-25 pb-25 grey-bg pr-55 pl-55">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-8 col-lg-8 col-md-8">
                            <div class="copyright">
                                <p> Copyright <i class="far fa-copyright"></i> 2018 <a href="#">BDevs.</a> All Rights Reserved</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4">
                            <div class="footer-bottom-img text-center text-lg-right">
                                <img src="assets/img/footer/01.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-end -->




		<!-- JS here -->
        
		<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/jquery.countdown.min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>